//定义食物类
export default class Food{
    element:HTMLElement;
    constructor(){
        // 获取页面中food元素并赋值
        this.element = document.getElementById('food');
        
    }

    //定义一个获取食物X轴坐标的方法
    get X(){
        return this.element.offsetLeft
    }

    //定义一个获取食物Y轴坐标的方法
    get Y(){
        return this.element.offsetTop
    }

    //修改食物位置方法
    change(){
        //生成随机位置
        //x范围 0~290
        //y范围 0~290
        //一格大小为10，食物坐标必须为整10
        let left:number =Math.round(Math.random()*29)*10
        let top:number =Math.round(Math.random()*29)*10
        this.element.style.left = left +'px'
        this.element.style.top = top + 'px'
    }
}